<!DOCTYPE html>
<html>
    <head>
        {% block head %}
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=9" />
        <title>{% block page_title %}Online Student Profile{% endblock %}</title>
        {% block styles %}
        <link rel="stylesheet" href="{{ MEDIA_URL }}lib/jquery-ui/css/aristo/jquery-ui-1.8.7.custom.css" type="text/css" />
        <link rel="stylesheet" href="{{ MEDIA_URL }}css/base.css" type="text/css" />
        <link rel="stylesheet" href="{{ MEDIA_URL }}css/custom.css" type="text/css" />
        <link rel="stylesheet" href="{{ MEDIA_URL }}css/custom-assessment.css" type="text/css" />
        {% endblock %}
        {% block scripts %}
        <script type="text/javascript">
            var base_url = "{% url core:index %}";
            var media_url = '{{ MEDIA_URL }}';
        </script>
        <script type="text/javascript" src="{{ MEDIA_URL }}js/raphael-min.js"></script>
        <script type="text/javascript" src="{{ MEDIA_URL }}js/g.raphael-min.js"></script>
        <script type="text/javascript" src="{{ MEDIA_URL }}js/g.bar-min.js"></script>
        <script src="{{ MEDIA_URL }}lib/jquery-ui/js/jquery-1.5.1.min.js" type="text/javascript"></script>
        <script src="{{ MEDIA_URL }}lib/jquery-ui/js/jquery-ui-1.8.11.custom.min.js" type="text/javascript"></script>
        <script src="{{ MEDIA_URL }}js/jquery.tablesorter.min.js" type="text/javascript"></script>
        <script src="{{ MEDIA_URL }}js/base.js" type="text/javascript"></script>
        {% endblock %}
        {% endblock %}
    </head>
    <body>
        {% block custom_header %}
        <div id='custom_header'>
            <div id="custom_header_inner">
                <img id="custom_logo" src="{{ MEDIA_URL }}/img/logo.png" alt="School Logo"/>
            </div>
        </div>
        {% endblock %}
        {% block header %}
        <div id="header">
            <div id="header-inner">
                <p id="name"><a href="{% url core:index %}">Online Student Profile</a></p>
                <div class="clear"></div>
                {% if user.first_name %}
                 <p id="userName">Welcome, {{ user.first_name }} {{ user.last_name }} (<a href="{% url logout %}" id="logout">Sign Out</a>)</p>
                 {% endif %}
                {% endblock %}
            </div>
        </div>

        <div id="body">
            {% block body %}
            {% endblock %}
        </div>
        <div id="footer">
            {% block footer %}
            {% endblock %}
        </div>
    </body>
</html>
